This pull request refactors and enhances the highlighting logic for accessibility audits in the MageForge toolbar. It centralizes the logic for applying and clearing highlight styles, improves the visual cues for different audit types, and updates the audit modules to use these shared helpers.

Refactoring and code simplification:

• Introduced shared helper functions applyHighlight and clearHighlight in highlight.js to handle the application and removal of audit highlight classes, reducing code duplication across audit modules. These helpers also manage badge updates and smooth scrolling to the first highlighted element.
• Updated all audit modules (images-without-alt.js, images-without-dimensions.js, images-without-lazy-load.js, inputs-without-label.js, low-contrast-text.js) to use the new shared highlight helpers instead of duplicating highlight logic. [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15]

Visual and accessibility improvements:

• Enhanced CSS for highlighted elements:
  • Added an inset red box-shadow for low-contrast elements for better visibility.
  • Made images with audit issues semi-transparent so the red background of their parent is visible.
  • Applied a red background to the parent container of highlighted images, ensuring the highlight is visible even if the image fills its container.
  • Applied a color filter to non-image elements (like inputs and text) for improved visibility during audits.

These changes make the codebase easier to maintain and improve the clarity of audit highlights for users.